<!doctype html>
<html lang="en">

	<head>
		<meta charset="UTF-8" />
		<title>登录</title>
		<link href="img/shouye/small_logo.png" rel="shortcut icon" />
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="css/weui.css" />
		<link rel="stylesheet" type="text/css" href="css/jquery-weui.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<style type="text/css">
			.zong {
				max-width: 640px;
				margin: 0px auto;
				margin-bottom: 50px;
			}
			
			#h_header {
				width: 100%;
				height: 50px;
				line-height: 50px;
				background-image: url(img/bgi_title.png);
				background-size: 320px 48px;
				background-repeat: no-repeat;
				background-color: #E62F17;
				text-align: center;
			}
			
			#h_header i {
				color: #FFFFFF;
				font-size: 25px;
				float: left;
				font-weight: bold;
			}
			
			.h_gouwuche {
				float: right;
			}
			
			.dl {
				font-size: 20px;
				color: white;
				font-family: Tahoma, fzltxhk, "\5fae\8f6f\96c5\9ed1";
			}
			
			.input {
				padding-left: 20px;
				color: #666666;
				display: block;
				width: 80%;
				height: 40px;
				margin: 20px auto;
				border-radius: 4px;
				border: 1px solid #E3E3E3;
			}
			
			input:-moz-placeholder,
			textarea:-moz-placeholder {
				color: red;
			}
			
			input:-ms-input-placeholder,
			textarea:-ms-input-placeholder {
				color: #E4E4E4;
			}
			
			input::-webkit-input-placeholder,
			textarea::-webkit-input-placeholder {
				color: #E4E4E4;
			}
			
			.login {
				width: 80%;
				height: 40px;
				border-radius: 3px;
				display: block;
				margin: 0px auto;
				background-color: #E62F17;
				text-align: center;
				line-height: 40px;
				color: white;
				padding-left: 20px;
				font-family: Tahoma, fzltxhk, "\5fae\8f6f\96c5\9ed1";
				font-size: 18px;
			}
			
			.bluezt {
				width: 80%;
				margin: 0px auto;
				color: #0099FF;
				font-size: 14px;
				font-family: Tahoma, fzltxhk, "\5fae\8f6f\96c5\9ed1";
				margin-top: 20px;
			}
			
			.bluezt .ysright {
				float: right;
			}
			
			.dsf {
				text-align: center;
				font-size: 14px;
				margin: 30px auto;
				font-family: "微软雅黑";
				color: #999999;
			}
			
			.setli li {
				width: 33%;
				float: left;
				font-size: 70px;
				text-align: center;
			}
			
			.in {
				color: #07AAEB;
			}
			
			.i2 {
				color: #ED2124;
			}
			
			.weui-row {
				width: 80%;
				margin: 0px auto;
				font-size: 85px;
			}
			
			.ta1 {
				text-align: left;
			}
			
			.ta2 {
				text-align: center;
			}
			
			.ta3 {
				text-align: right;
			}
			
			.underWord {
				font-size: 14px;
				color: #666666;
			}
		</style>

	</head>

	<body>
		<div class="zong">
			<header id="h_header">
				<a href="javascript:;"><i class="iconfont h_fenlei">&#xe6d4;</i></a>
				<span class="dl">登录</span>
			</header>
			<!--<div class="center">-->
			<input type="text" class="input" placeholder="邮箱/用户名/手机号" />
			<input type="password" class="input" placeholder="密码" />
			<a href="javascript:;" class="login">登录</a>
			<div class="bluezt">
				<a class="ysleft" href="javascript:;">注册</a>
				<a class="ysright" href="javascript:;">忘记密码?</a>
			</div>
			<div class="">
				<p class="dsf">直接使用社交网络登录</p>
				<div class="weui-row">
					<div class="weui-col-33 ta1">
						<a href="javascript:;"><i class="iconfont in">&#xe71f;</i></a>
						<p class="underWord tl ml20">支付宝</p>
					</div>
					<div class="weui-col-33 ta2">
						<a href="#"><i class="iconfont i2">&#xe6da;</i></a>
						<p class="underWord tc">微博</p>
					</div>
					<div class="weui-col-33 ta3">
						<a href="javascript:;"><i class="iconfont in">&#xe67b;</i></a>
						<p class="underWord tr mr30">QQ</p>
					</div>
				</div>
			</div>
		</div>
		<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
		</script>

	</body>

</html>